@for $i from 12 through 24 {
    .Whitefont-#{$i} {
        font-size: 0px + $i;
        color: #FFF !important;
    }
}
@for $i from 12 through 24 {
    .Whitefonteasy-#{$i} {
        font-size: 0px + $i;
        color: #b7e3ff !important;
    }
}
@for $i from 12 through 24 {
    .Grayfont-#{$i} {
        font-size: 0px + $i;
        color: #9b9b9b !important;
    }
}
@for $i from 12 through 32 {
    .Yellowfont-#{$i} {
        font-size: 0px + $i;
        color: #fff1c3 !important;
    }
}

@for $i from 12 through 24 {
    .Defaultfont-#{$i} {
        font-size: 0px + $i;
        color: #4a4a4a !important;
    }
}
@for $i from 12 through 24 {
    .Blackfont-#{$i} {
        font-size: 0px + $i;
        color: #333 !important;
    }
}
@for $i from 12 through 24 {
    .Redfont-#{$i} {
        font-size: 0px + $i;
        color: #fa5252 !important;
    }
}
@for $i from 12 through 24 {
    .Bluefont-#{$i} {
        font-size: 0px + $i;
        color: #009cff !important;
    }
}
@for $i from 12 through 24 {
    .Bluefonteasy-#{$i} {
        font-size: 0px + $i;
        color: #85c7f2 !important;
    }
}
//@for $i from 12 through 24 {
//  .Bluefontlayer-#{$i} {
//      font-size: 0px + $i;
//      color: #009cff !important;
//  }
//}
@for $i from 12 through 24 {
    .Greenfont-#{$i} {
        font-size: 0px + $i;
        color: #18c756 !important;
    }
}
@for $i from 0 through 10 {
    .let-#{$i} {
    letter-spacing: $i + 0px;
    }
}

@media screen and (max-width:320px) {
    @for $i from 12 through 24 {
        .Whitefont-#{$i} {
            font-size: -2px + $i;
            color: #FFF !important;
        }
    }
    @for $i from 12 through 24 {
        .Grayfont-#{$i} {
            font-size: -2px + $i;
            color: #9b9b9b !important;
        }
    }
    @for $i from 12 through 24 {
        .Defaultfont-#{$i} {
            font-size: -2px + $i;
            color: #4a4a4a !important;
        }
    }
    @for $i from 12 through 24 {
        .Blackfont-#{$i} {
            font-size: -2px + $i;
            color: #333 !important;
        }
    }
    @for $i from 12 through 24 {
        .Redfont-#{$i} {
            font-size: -2px + $i;
            color: #fa5252 !important;
        }
    }
    @for $i from 12 through 24 {
        .Bluefont-#{$i} {
            font-size: -2px + $i;
            color: #009cff !important;
        }
    }
    @for $i from 12 through 24 {
        .Greenfont-#{$i} {
            font-size: -2px + $i;
            color: #18c756 !important;
        }
    }
}
a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


.all_count{
    margin: 30px 0 10px 14px;
    font-weight: bold;
}

@media screen and(max-width:320px){
        .all_count{
        margin: 10px 0 5px 14px;
        font-weight: bold;
    }
}

.all_p{
    margin: 0 0 0 20px;
    line-height: 21px;
}
